html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

#app {
  width: 100%;
  height: 100%;
}

.loading-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-container .loading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 35px;
}

.k-line {
  display: inline-block;
  width: 12px;
  height: 15px;
  border-radius: 12px;
  background-color: #4b9cdb;
  margin: 0 3px;
}

.k-line-1 {
  animation: k-loading 1.2s 0s infinite;
  background-color: #1E88E5
}

.k-line-2 {
  animation: k-loading 1.2s .1s infinite;
  background-color: #2196F3
}

.k-line-3 {
  animation: k-loading 1.2s .2s infinite;
  background-color: #42A5F5
}

.k-line-4 {
  animation: k-loading 1.2s .3s infinite;
  background-color: #64B5F6
}

.k-line-5 {
  animation: k-loading 1.2s .4s infinite;
  background-color: #90CAF9
}

@keyframes k-loading {
  0 {
    height: 15px
  }

  50% {
    height: 35px
  }

  100% {
    height: 15px
  }
}